《Android 进阶( 六)》Simple SlideToggleView For Android

SlideToggleView

🍎A simple SlideToggleView for Android.

Installation

Gradle

Step 1. Add it in your root build.gradle at the end of repositories:

1
2
3
4
5
6
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}

Step 2. Add the dependency

1
2
3
dependencies {
iimplementation 'com.github.onlyloveyd:SlideToggleView:1.0'
}

Basic Usage

Step 1. Add SlideToggleView into your layout

1
2
3
4
5
6
7
8
9
10
11
12
13
<cn.onlyloveyd.slidetoggleview.SlideToggleView
android:id="@+id/slideToggleView"
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_marginTop="40dp"
android:background="@drawable/slide_bg"
app:stv_blockBottomMargin="2dp"
app:stv_blockLeftMargin="2dp"
app:stv_blockRightMargin="2dp"
app:stv_blockTopMargin="3dp"
app:stv_remain="80dp"
app:stv_slideBlock="@drawable/slide_block"
app:stv_text="Slide To Unlock" />

Step 2.(optional)add SlideToggleListener for SlideToggleView

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
mBinding.slideToggleView.setSlideToggleListener(new SlideToggleView.SlideToggleListener() {
@Override
public void onBlockPositionChanged(SlideToggleView view, int left, int total,
int slide) {
String content = String.format(Locale.CHINESE, "left: %d - total: %d - slide: %d",
left, total, slide);
mBinding.shimmerTextView.setText(content);
}

@Override
public void onSlideOpen(SlideToggleView view) {
Toast.makeText(MainActivity.this, "Slide Toggle is Open",
Toast.LENGTH_SHORT).show();
}
});

Attributes

Attribute Usage
stv_text 居中文字内容
stv_textSize 居中文字大小
stv_textColor 居中文字颜色
stv_slideBlock 滑块图片
stv_blockLeftMargin 滑块左间距
stv_blockRightMargin 滑块左间距
stv_blockTopMargin 滑块顶部间距
stv_blockBottomMargin 滑块底部间距
stv_remain 滑块打开误差范围值

Basic Result

抽奖

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×